import React from 'react'
import ReactEcharts from 'echarts-for-react';

export default class BaseIndex extends React.Component {
    constructor() {
        super();
        this.getOption = {
            xAxis: {
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {},
            series: [{
                data: [820, 932, 901, 934, 1290, 1330, 1320],
                type: 'line'
            }]
        }
    }

    render() {
        var self = this;
        return <div>
            <h1>
                echarts-for-react base
            </h1>
            <div>
                <ReactEcharts
                    option={self.getOption}
                    notMerge={true}
                    lazyUpdate={true}
                    theme={"theme_name"}/>
            </div>
            <div>
                <h1>xAxis   series   type: 'line'</h1>
            </div>

        </div>
    }

}